<!DOCTYPE HTML>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
	<meta name="format-detection" content="telephone=no,email=no,date=no,aItemress=no">
	<title>发布</title>
	<link rel="stylesheet" type="text/css" href="../../../css/aui.css" />
	<link rel="stylesheet" type="text/css" href="../../../css/app.css" />
	<style type="text/css">
		body {
			background-color: #FFFFFF;
		}

		.aui-title {
			font-size: .9rem;
			font-family: PingFangSC-Regular;
			font-weight: 500;
			color:rgba(255,255,255,1) !important;
		}

		.aui-tab {
			/*box-shadow: 0px 4px 9px #e6e6e6;*/
		}

		.aui-tab-item {
			height: 2.5rem;
			width: 5rem;
			line-height: 2.5rem;
			display: inline-block;
			margin-left: 3rem;
		}

		.publish {
			display: inline-block;
			height: 100%;
			font-size: 0.75rem;
			font-family: PingFangSC-Regular;
			font-weight: 400;
			color: rgba(34, 34, 34, 1);
			padding: .1rem;
		}

		.aui-tab .aui-text-linear {
			position: relative;
			background: linear-gradient(-152deg, #ee02fd, #9972e6);
			background: -webkit-linear-gradient(-152deg, #ee02fd, #9972e6);
			color: #72D5EF;
			-webkit-background-clip: text;
			-webkit-text-fill-color: #72D5EF;
			border-bottom: 3px solid #72D5EF;
			color: rgba(114, 213, 239, 1);
		}

		/*.publish_tab {
			height:2.2rem;
			display: flex;
			justify-content: center;
			font-size: 0.75rem;
			font-family: PingFangSC-Regular;
			font-weight: 400;
			color: rgba(34, 34, 34, 1);
			line-height: 1.05rem;
			align-items: center;
			border-bottom: 1px solid rgba(238,238,238,0.5);
		}
		.publish_tab>div{
			width: 3.5rem;
			height: 2.2rem;
			text-align: center;
			line-height: 2.2rem;
		}
		.publish_tab>div span{
			display: inline-block;
			width: 3.5rem;
			height: 2.2rem;
		}
		.publish_tab>div:nth-child(1){
			margin-right: 3.75rem;
		}*/
		/*.aui-text-linea{
			color:rgba(114,213,239,1);
			border-bottom: 2px solid rgba(114,213,239,1);
		}*/
	</style>
</head>

<body>
	<div id="aui-header" class="ming-bg-blue">
		<div v-if="is_show" class="aui-mask aui-mask-in">

		</div>
		<header class="aui-bar aui-bar-nav ming-bg-blue">
			<a class="aui-pull-left" tapmode onclick="api.closeWin({})" style="margin-left:.75rem;">
				<img class="btn-img-back" src="../../../image/btn/btn-back.png" />
			</a>
			<div class="aui-title">
				<!-- <div class="aui-text-linear"> -->
				发布会员秀
				<!-- </div> -->
			</div>
		</header>
		<!-- <div class="publish_tab">
			<div class="" tapmode onclick="tapindex(0)">
				<span class="" :class="{'aui-text-linea':index==0}" style="">
						我要发布
					</span>
			</div>
			<div class="" tapmode onclick="tapindex(1)">
				<span class="" :class="{'aui-text-linea':index==1}">
						历史发布
					</span>
			</div>
		</div> -->
	</div>
</body>
<script type="text/javascript" src="../../../script/api.js"></script>
<script type="text/javascript" src="../../../script/vue.js"></script>
<script type="text/javascript" src="../../../script/common.js"></script>
<script>
	var vm = new Vue({
		el: "#aui-header",
		data: {
			index: 0,
			is_show:true
		},
		methods: {

		}
	})
	apiready = function() {
		$api.fixStatusBar($api.byId('aui-header'))
		init()
		add_event('publishok', function(ret) {
			tapindex(1)
		})
		add_event('close_mask',function(){
			vm.is_show = false;
		})
	};

	function init() {
		var headerPos = $api.offset($api.byId('aui-header'))
		api.openFrameGroup({
			name: 'publishGroup',
			background: 'bgcolor',
			scrollEnabled: false,
			vScrollBarEnabled: false,
			hScrollBarEnabled: false,
			rect: {
				x: 0,
				y: headerPos.h,
				w: api.winWidth,
				h: api.winHeight - headerPos.h
			},
			preload: '1',
			index: vm.index,
			frames: [{
				name: 'publish_now_f',
				url: 'publish_now_f.html',
				bgColor: 'bgcolor',
				bounces: false
			}, {
				name: 'publish_history_f',
				url: 'publish_history_f.html',
				bgColor: 'bgcolor',
				bounces: false
			}]
		}, function(ret, err) {});
	}

	function tapindex(index) {
		if (vm.index != index) {
			vm.index = index
			api.setFrameGroupIndex({
				name: 'publishGroup',
				index: index
			});
		}
	}

	// 弹窗函数
	function is_value() {
		var dialogBox = api.require('dialogBox');
		dialogBox.alert({
			texts: {
				title: '提示',
				content: '确定要删除该条发布吗？',
				leftBtnTitle: '取消',
				rightBtnTitle: '确定'
			},
			styles: {
				bg: '#fff',
				w: 260,
				corner: 6,
				title: {
					marginT: 20,
					titleSize: 17,
					titleColor: '#444444'
				},
				content: {
					marginT: 0,
					marginB: 15,
					color: '#444444',
					size: 17
				},
				left: {
					marginB: 0,
					marginL: 0,
					w: 130,
					h: 50,
					corner: 6,
					bg: 'widget://image/ico/ico_btn_left_bg.png',
					color: '#999999',
					size: 16
				},
				right: {
					marginB: 0,
					marginL: 0,
					w: 130,
					h: 50,
					corner: 6,
					bg: '#fff',
					color: '#005A93',
					size: 16
				},
				horizontalLine: {
					color: '#ccc',
					height: 1
				}
			}
		}, function(ret) {
			if (ret.eventType == 'left') {
				// var dialogBox = api.require('dialogBox');
				// dialogBox.close({
				// 	dialogName: 'alert'
				// });
			} else if (ret.eventType == 'right') {
				// get_data('api/xiaoyouquan/xyqDelPublish', {
				// 	token: $api.getStorage('token'),
				// 	id: id
				// }, function(ret) {
				// 	if (ret.status) {
				// 		toast(ret.msg)
				// 		vm.page = 1;
				// 		vm.loadmore = true;
				// 		vm.info = [];
				// 		vm.get_list();
				// 	}
				// })
				// var dialogBox = api.require('dialogBox');
				// dialogBox.close({
				// 	dialogName: 'alert'
				// });
			}
		});
	}




	function is_back(){
		// alert(666)
		// api.sendEvent({
    //     name: 'back',
    //     extra: {
    //         msg: '666'
    //     }
    // });
		// api.addEventListener({
	  //       name: 'back_return'
	  //   }, function(ret, err) {
		// 		alert(JSON.stringify(ret))
		// 		alert(JSON.stringify(err))
		// 			if(ret.value.msg == '有值'){
		// 				// 弹窗函数
		// 					var dialogBox = api.require('dialogBox');
		// 					dialogBox.alert({
		// 						texts: {
		// 							title: '提示',
		// 							content: '确认要退出吗？',
		// 							leftBtnTitle: '取消',
		// 							rightBtnTitle: '确定'
		// 						},
		// 						styles: {
		// 							bg: '#fff',
		// 							w: 260,
		// 							corner: 6,
		// 							title: {
		// 								marginT: 20,
		// 								titleSize: 17,
		// 								titleColor: '#444444'
		// 							},
		// 							content: {
		// 								marginT: 0,
		// 								marginB: 15,
		// 								color: '#444444',
		// 								size: 17
		// 							},
		// 							left: {
		// 								marginB: 0,
		// 								marginL: 0,
		// 								w: 130,
		// 								h: 50,
		// 								corner: 6,
		// 								bg: 'widget://image/ico/ico_btn_left_bg.png',
		// 								color: '#999999',
		// 								size: 16
		// 							},
		// 							right: {
		// 								marginB: 0,
		// 								marginL: 0,
		// 								w: 130,
		// 								h: 50,
		// 								corner: 6,
		// 								bg: '#fff',
		// 								color: '#72D5EF',
		// 								size: 16
		// 							},
		// 							horizontalLine: {
		// 								color: '#ccc',
		// 								height: 1
		// 							}
		// 						}
		// 					}, function(ret) {
		// 						if (ret.eventType == 'left') {
		// 							dialogBox.close({
		// 								dialogName: 'alert'
		// 							});
		// 						} else if (ret.eventType == 'right') {
		// 							dialogBox.close({
		// 								dialogName: 'alert'
		// 							});
		// 							api.closeWin({})
		// 						}
		// 					});
		// 			}else{
		// 				api.closeWin({})
		// 			}
	  //   });
	}
</script>

</html>
